@extends('layouts.master')
@section('content')
    <div class="container mx-auto h-screen">
        <div class="h-5/6">
            <div class="hero min-h-auto bg-base-200">
                <div class="text-center hero-content">
                    <div class="max-w-md">
                        <h1 class="mb-5 text-5xl font-bold">
                            开始使用
                        </h1>
                        <p class="mb-5">
                            欢迎正式使用
                        </p>
                        <button class="btn btn-primary">开 始</button>
                    </div>
                </div>
            </div>
            <div class="flex flex-wrap overflow-hidden">
                <div class="w-2/3 border-2 border-base-300 h-96">
                    <p>
                        主屏幕
                    </p>

                    <div id="mse">

                    </div>
                </div>
                <div class="w-1/3 border-2 border-accent-focus h-96">聊天区域</div>
            </div>
        </div>

    </div>

    <script>
        let player = new Player({
            id: 'mse',
            autoplay: false,
            volume: 0.3,
            url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-720p.mp4',
            poster: "//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg",
            playsinline: true,
            height: window.innerHeight,
            width: window.innerWidth
        });
    </script>
@endsection
